<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>
<body>
  <div th:fragment="patrolling">
    <!-- 巡更 点位管理 信息显示-->
    <div class="cd-popup3 patrollingPoint patrollingPoint-pop" id="patrollingPointModal">
        <div class="cd-popup-container3 manageModal patrollingStyle">
            <div class="modal-top"></div>
            <div class="modal-title">点位管理</div>
            <!-- 小叉 关闭按钮 -->
            <a class="cd-popup-close closeModal" href="javascript:;"></a>
            <div class="tableModal">
                <div class="searchDevBox mb24 clearfix">
                    <input type="text" class="fl form-control searchInputStyle devAddress" placeholder="请输入名称">
                    <span class="fl btnStyle" id="patrollingsearchBtn">搜索</span>
                    <ul class="searchList">
                      <!-- TODO -->
                    </ul>
                </div>
                <div class="tableBox">
                    <table class="table table-bordered" style="margin: -1px; width: 1041px;">
                        <thead>
                            <tr>
                                <th style="width: 8%">
                                    <input type="checkbox" id="patrollingPointSelectAll">
                                </th>
                                <th style="width: 8%">序号</th>
                                <th style="width: 14%">名称</th>
                                <th style="width: 30%">地址</th>
                                <!-- <th style="width: 15%">二维码</th> -->
                                <th style="width: 25%">操作</th>
                            </tr>
                        </thead>
                        <tbody class="tbodyList">
                        </tbody>
                    </table>
                </div>                
            </div>
            <div class="patrollingAddBox">
                <span class="patrollingPointAddBtn patrollingPointAddBtn-pop" id="patrollingPointAddBtn">添加</span>
            </div>
            <!-- 分页 -->
            <div class="dailyPageBox pageBox" id="patrollingPointPageBox">
                <ul class="pagination" id="patrollingPage"></ul>
                <div class="pageJump">
                    <span>跳转到</span>
                    <input type="text" />
                    <span>页</span>
                    <button type="button" class="button btn btn-default">跳转</button>
                </div>
            </div>
            <!-- 导出与删除 -->
            <div class="patrollingPointDelBox">                               
                <span class="btnStyle patrollingPointDelBtn patrollingPointDelBtn-pop" id="patrollingDelBtn"></span>
                <div class="potrollingPointExportBoxStyle">
                    <input type="file" class="form-control potrollingPointExportInputStyle" />
                    <span></span>
                    <span style="font-size: 16px;">导出</span>
                </div> 
            </div>
        </div>
    </div>
    <!-- 点位管理  添加页面 -->
    <div class="cd-popup3 patrollingPointAddPage patrollingPointAddPage-pop">
        <div class="cd-popup-container3 patrollingPointAddPageModal">
            <form id="patrollingPointAddPage" method="post" enctype="multipart/form-data">
                <div class="erweima" id="qrcode">
                </div>          
                <!-- <input id="multipartFile" type="file" name="multipartFile">  -->
                <!-- <input id="hideImg" type="hidden" name="multipartFile" value=""/> -->
                <p class="col-md-12" style="text-align: right;visibility: hidden;" >
                  <a id="download" download="qrcode.jpg"></a>
                  <a id="saveQrCode" style="cursor: pointer;">下载二维码</a>
                </p>
                <div class="row patrollingPointAddPageName patrollingPointAddPageName-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>二维码编码 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput disabledStyle qRCodeValue" name="qRCodeValue" autocomplete="off" disabled>
                        <input type="hidden" class="form-control notEmptyInput disabledStyle qRCodeValue" name="qRCodeValue" autocomplete="off">
                    </div>
                </div>
                <div class="row patrollingPointAddPageName patrollingPointAddPageName-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>点位名称 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput" name="name" autocomplete="off">
                    </div>
                </div>
                <div class="row patrollingPointAddPageAddress patrollingPointAddPageAddress-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>详细地址 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput" name="address" autocomplete="off">
                    </div>
                </div>
                <div class="row patrollingPointAddPageLatitudes patrollingPointAddPageLatitudes-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>经度 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput" name="latitude" autocomplete="off">
                    </div>               
                </div>
                <div class="row patrollingPointAddPageLongitude patrollingPointAddPageLongitude-pop mb24" style="width:100%;">  
                    <div class="col-xs-4" style="width: 40%; padding-right:0">
                        <span>纬度 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput" name="longitude" autocomplete="off">
                    </div>              
                </div>
                <div class="row patrollingPointAddPageOrag patrollingPointAddPageOrag-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>所属组织 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <select class="form-control my-form-control patrollingPointAddPageOragList patrollingPointAddPageOragList-pop" name="orgId" style="width:100%;"></select>
                    </div>
                </div>
                <!-- 按钮 -->
                <div class="patrollingPointAddPageBtnsBox patrollingPointAddPageBtnsBox-pop">
                    <button type="submit" class="btn btn-primary patrollingPointAddPageBtnConfirm" style="background-color: #70abe1;border: none;">确定</button>
                    <button type="button" class="btn btn-primary cd-popup-close1" style="background-color: #768fa5;border: none;">取消</button>
                </div>
            </form>
        </div>
    </div>
    <!-- 点位管理 查看详情页面 -->
    <div class="cd-popup3 patrollingPointAddPage patrollingPointDetailsPage patrollingPointDetailsPage-pop">
        <div class="cd-popup-container3 patrollingPointDetailsPageModal">
            <form id="patrollingPointDetailsPage">
                <div class="erweima" id="seepatrollingqrcode"></div>
                <p class="col-md-12" style="text-align: right;" >
                  <a id="seepatrollingdownload" download="qrcode.jpg"></a>
                  <a id="seepatrollingsaveQrCode seepatrollingsaveQrCodeStyle" style="cursor: pointer;">下载二维码</a>
                </p>

                <div class="row patrollingPointAddPageName patrollingPointAddPageName-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>二维码编码 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput disabledStyle qRCodeValue" name="qRCodeValue" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="row patrollingPointAddPageName patrollingPointAddPageName-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>点位名称 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput disabledStyle pointName" name="name" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="row patrollingPointAddPageAddress patrollingPointAddPageAddress-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>详细地址 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput disabledStyle pointAddress" name="address" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="row patrollingPointAddPageLatitudes patrollingPointAddPageLatitudes-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>经度 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput disabledStyle pointLatitudes" name="latitude" autocomplete="off" disabled>
                    </div>               
                </div>
                <div class="row patrollingPointAddPageLongitude patrollingPointAddPageLongitude-pop mb24" style="width:100%;">  
                    <div class="col-xs-4" style="width: 40%; padding-right:0">
                        <span>纬度 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput disabledStyle pointLongitude" name="longitude" autocomplete="off" disabled>
                    </div>              
                </div>
                <div class="row patrollingPointAddPageOrag patrollingPointAddPageOrag-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>所属组织 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput disabledStyle pointOra" name="orgId" autocomplete="off" disabled>
                        <!-- <select class="form-control my-form-control patrollingPointAddPageOragList patrollingPointAddPageOragList-pop disabledStyle " name="orgId" style="width:100%;" disabled>

                        </select> -->
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- 点位管理 修改页面 -->
    <div class="cd-popup3 patrollingPointAddPage patrollingPointModifyPage patrollingPointModifyPage-pop">
        <div class="cd-popup-container3 patrollingPointModifyPageModal">
            <form id="patrollingPointModifyPage">
              <div class="erweima" id="editpatrollingqrcode"></div>
              <p class="col-md-12" style="text-align: right;" >
                <a id="editpatrollingdownload" download="qrcode.jpg"></a>
                <a id="editpatrollingsaveQrCode" style="cursor: pointer;visibility: hidden;">下载二维码</a>
              </p>

              <input type="hidden" class="form-control notEmptyInput disabledStyle qRCodeValue" name="qRCodeValue" autocomplete="off">

                <div class="row patrollingPointAddPageName patrollingPointModifyPageName-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>点位名称 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput pointName" name="name" autocomplete="off">
                    </div>
                </div>
                <div class="row patrollingPointAddPageAddress patrollingPointModifyPageAddress-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>详细地址 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput pointAddress" name="address" autocomplete="off">
                    </div>
                </div>
                <div class="row patrollingPointAddPageLatitudes patrollingPointModifyPageLatitudes-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>经度 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput pointLatitudes" name="latitude" autocomplete="off">
                    </div>               
                </div>
                <div class="row patrollingPointAddPageLongitude patrollingPointModifyPageLongitude-pop mb24" style="width:100%;">  
                    <div class="col-xs-4" style="width: 40%; padding-right:0">
                        <span>纬度 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <input type="text" class="form-control notEmptyInput pointLongitude" name="longitude" autocomplete="off">
                    </div>              
                </div>
                <div class="row patrollingPointAddPageOrag patrollingPointModifyPageOrag-pop mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 40%; padding-right:0";>
                        <span>所属组织 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 60%; padding-left:0; padding-right:0;">
                        <select class="form-control my-form-control patrollingPointAddPageOragList patrollingPointModifyPageOragList-pop pointOra" name="orgId" style="width:100%;"></select>
                    </div>
                </div>
                <!-- 按钮 -->
                <div class="patrollingPointAddPageBtnsBox patrollingPointAddPageBtnsBox-pop">
                    <button type="submit" class="btn btn-primary patrollingPointAddPageBtnConfirm" style="background-color: #70abe1;border: none;">确定</button>
                    <button type="button" class="btn btn-primary cd-popup-close1" style="background-color: #768fa5;border: none;">取消</button>
                </div>
            </form>
        </div>
    </div>
  </div>
</body>
</html>